import { ref, computed } from 'vue'
import { defineStore } from 'pinia'
import axios from 'axios'

// 导入 pinia 中的 定义 全局数据的 一个函数 defineStore
export const useJokerStore = defineStore('joke', () => {
  // 状态变量-笑话
  const joke = ref('狐狸很容易摔跤，因为狡猾')

  // 刷新笑话，获取新的笑话并替换默认值
  const refreshJoke = async () => {
    //     setTimeout(() => {
    //       joke.value = `小华：“你知道为什么猫头鹰晚上才出来吗？”
    // 小刚：“因为它们是夜行性动物。”
    // 小华：“不对，因为它们白天要上班。”`
    //     }, 1000)
    // 调用接口获取笑话
    // axios 调用笑话接口，获取到笑话之后 ，更改 joke.value
    const res = await axios.get('https://api-vue-base.itheima.net/api/joke')
    // console.log(res.data)
    joke.value = res.data
  }

  return { joke, refreshJoke }
})